$(function () {
    //动态生成文章分类列表
    function init() {
        $.ajax({
        url: Bignews.category_list,
        headers: {'Authorization':localStorage.getItem('Bignews_token')},
            success: function (res) {
            console.log(res);
            $('tbody').html(template('artivle_category',res))
        },
        dataType:'json'
    })
    }
    init()

    //给模态框的确认添加点击事件,将用户输入的数据post到服务器,然后重新渲染数据
    let id
    // 封装函数,用于文章类别的编辑和新增
    function cate(url,data) {
        $.ajax({
                type: 'post',
                url,
                data,
                headers: headers,
                dataType: 'json',
            success: function (res) {
                    //隐藏模态框
                    $('#cateModal').modal('hide')
                    //提示已创建成功
                    alert(res.msg)
                    //重新渲染数据
                    init()
                    //清空模态框的输入值
                    $('#cateName').val('')
                    $('#cateSecondName').val('')
                },
                error: function (err) {
                    if (err.status === 400) {
                        alert(err.msg)
                    }
                }
            })
    }
    //给模态框的确认按钮绑定事件实现编辑或新增文章分类
    $('.btncate').on('click', function () {
        //获取用户输入的数据
        let name = $('#cateName').val().trim()
        let slug = $('#cateSecondName').val().trim()
        //判断数据输入是否为空
        if (name.length === 0 || slug.length === 0) {
            alert('分类名或分类别名不能为空')
            return
        }
        if($('.modal-title').text() == '新增分类'){
            //设置ajax事件,post数据
            cate(Bignews.category_add,{ name, slug })
           
        } else {
            cate(Bignews.category_edit,{ name, slug, id })
            
        }
        
    })
    $('.btncancel').on('click', function () {
        //隐藏模态框
        $('#cateModal').modal('hide')
    })

    //给文章删除按钮添加委托事件,实现分类的删除
    $('tbody').on('click', '.btn_del', function () {
        if (confirm('确认删除')) {
            //获取当前按钮的id值
            let id = $('.btn_del').data('id')
            $.ajax({
                type: 'post',
                url: Bignews.category_delete,
                data: { id },
                headers: {'Authorization':localStorage.getItem('Bignews_token')},
                dataType: 'json',
                success: function (res) {
                    alert(res.msg)
                    init()
                }
            })
       }
    })

    //给文章分类的编辑按钮添加事件(事件委托),仅实现弹出模态框
    $('tbody').on('click', '.btn_modify', function () {
        $('#cateModal').modal('show')
        //修改模态框的文字
        $('.modal-title').text('编辑分类')
        $('.btncate').text('保存')
        $('#cateName').val($(this).data('name'))
        $('#cateSecondName').val($(this).data('slug'))
        id = $(this).data('id')
        console.log(id);
    })
    //给新增分类按钮添加事件,改变模态框的文本
    $('#xinzengfenlei').on('click', function () {
        $('#cateModal').modal('show')
        //修改模态框的文字
        $('.modal-title').text('新增分类')
        $('.btncate').text('新增')
        $('#cateName').val('')
        $('#cateSecondName').val('')
    })
})